.animation_wrap {
    height: 100%;
    max-height: 100%;
}

.NFT {
    height: 100%;
    max-height: 100%;


    .nav {
        position: relative;

    }

    .chain {
        cursor: pointer;
        position: absolute;
        top: 1.6vw;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: Montserrat-SemiBold;
        height: 8.4773vw;
        padding-left: 2.2vw;
        font-size: 4.5vw;
        .name {
            font-size: 3.4667vw;
            color: var(--main-text);


        }

        .switch {
            width: 5.3333vw;
            margin-right: 1.0667vw;
        }
    }

    .repo {
        cursor: pointer;
        position: absolute;
        width: 22%;
        padding: 2.1333vw var(--m12);
        top: 1.6vw;
        right: 0;
        display: flex;
        justify-content: flex-end;

        .repo_box {
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width: 1.4933vw;

                &:first-child {
                    width: 4.2027vw;
                    margin-right: 2.56vw;
                }
            }

        }
    }

    .NFT_wrap {
        height: 100%;
        max-height: 100%;
        padding: 2.1333vw;
        padding-top: 10.6667vw;

        .NFT_list {

            display: flex;
            flex-wrap: wrap;

            .NFT_item {
                cursor: pointer;
                overflow: hidden;
                border-radius: 4.2667vw;
                background: var(--input-bg);
                margin: 1.0667vw;
                height: 43.7333vw;
                width: 34.1333vw;

                .img {
                    display: flex;
                    width: 34.1333vw;
                    height: 34.1333vw;
                    justify-content: center;
                    align-items: center;
                    position: relative;

                    &>img {
                        display: block;
                        max-width: 100%;
                        max-height: 100%;
                        width: auto;
                        height: auto;
                    }

                    .qr {
                        position: absolute;
                        width: 9.6vw;
                        height: 9.6vw;
                        bottom: 0;
                        right: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;



                        &>img {
                            width: 100%;
                        }
                    }
                }

                .name {
                    height: 9.0667vw;
                    padding-left: 1.6vw;
                    padding-bottom: 1.6vw;
                    padding-right: 1.6vw;
                    padding-top: 1.6vw;
                    font-weight: 700;
                    font-size: var(--m12);
                    /* identical to box height */
                    border-radius: 0 0 4.2667vw 4.2667vw;
                    border-right: .2667vw solid;
                    border-bottom: .2667vw solid;
                    border-left: .2667vw solid;
                    border-image-source: var(--border-image);

                    font-family: Montserrat-Regular;
                    /* Black */

                    color: var(--font-color);
                    display: flex;
                    justify-content: space-between;
                    align-items: center;

                    .name_text {
                        flex: 1;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                    .name_icon {
                        width: 4.266667vw;
                        height: 4.266667vw;
                        display: block;
                        margin-left: 1vw;
                    }
                }
            }
        }

        .empty {
            transform: translateY(-10.1333vw);
            display: flex;
            flex-direction: column;
            align-items: center;
            font-weight: 500;
            font-size: 2.9333vw;
            /* or 127% */

            display: flex;
            align-items: center;
            text-align: center;

            /* 淡灰 */

            color: #A5A5AD;
            width: 45.8667vw;
            margin: 42.1333vw auto;

            a {
                margin-top: var(--m12);
                color: var(--main-text);
                text-decoration-line: underline;
            }
        }
    }
}


.NFT_detail {
    position: absolute;
    backdrop-filter: blur(28PX);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

    .NFT_detail_wrap {
        width: 100%;
    }
}

.v_h {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}


@media screen and(min-width:1280px) {
    .NFT {

        .chain {
            top: 7.52px;
            height: 39.8433px;
            padding-left: 15.04px;
            padding-right: 15.04px;

            .name {
                font-size: 16.2935px;
            }

            .switch {
                width: 25.0665px;
                margin-right: 5.0135px;
            }
        }

        .repo {
            padding: 10.0265px 15.04px;
            top: 7.52px;

            .repo_box {

                img {
                    width: 7.0185px;

                    &:first-child {
                        width: 19.7527px;
                        margin-right: 12.032px;
                    }
                }

            }
        }

        .NFT_wrap {
            padding: 10.0265px;
            padding-top: 50.1335px;

            .NFT_list {

                .NFT_item {
                    border-radius: 20.0535px;
                    margin: 5.0135px;
                    height: 205.5465px;
                    width: 160.4265px;
                    cursor: pointer;

                    .img {
                        width: 160.4265px;
                        height: 160.4265px;

                        .qr {
                            width: 45.12px;
                            height: 45.12px;



                        }
                    }

                    .name {
                        height: 42.6135px;
                        padding-left: 7.52px;
                        padding-bottom: 7.52px;
                        padding-right: 7.52px;
                        padding-top: 7.52px;
                        font-weight: 700;
                        font-size: 15.04px;
                        /* identical to box height */
                        border-radius: 0 0 20.0535px 20.0535px;
                        border-right: 1.2535px solid;
                        border-bottom: 1.2535px solid;
                        border-left: 1.2535px solid;

                        .name_icon {
                            width: 20.0533px;
                            height: 20.0533px;
                            margin-left: 4.7px;
                        }
                    }
                }
            }

            .empty {
                transform: translateY(-47.6265px);
                font-size: 13.7865px;
                /* or 127% */
                width: 215.5735px;
                margin: 198.0265px auto;

                a {
                    margin-top: 15.04px;
                }
            }
        }
    }

}